<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=">
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
	name="viewport">
<meta name="format-detection" content="telphone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
  <script> var gameNameTemp = '{$game_id}';</script>
	<script src="__TEMPLATE__/sysme/js/getTime.js" type="text/javascript" charset="utf-8"></script>

<title>{$title}</title>
</head>
<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/global.css"
	type="text/css">
<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<style>
body,#wrapper_1 {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
} /*解决苹果滚动条卡顿的问题*/
#wrapper_1 {
	overflow-y: visible !important;
}

body.login-bg {
	padding-top: 97px;
}

.lott-menu {
	position: fixed;
	top: 44px;
	left: 0;
	margin-top: 0 !important;
}
</style>
<style>
.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.header #reveal-left-app{width:30px;height:24px;background-size:cover;margin-top:8px;margin-left:4%;}
</style>
<script>
	//覆盖（重写 ）iscro-lot.js 同名方法避免bug产生 (只有使用IScroll.js的地方才需要调用iscro-lot.js文件中的 loaded()方法 )
	function loaded() {
	}//空实现
	firstPage = 0;//常亮
	//  document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); //uc浏览器滑动
</script>
{block name="style"}{/block}
<body>
	<div class="header">
		<div class="headerTop" style="margin-left:2%;">
			<div class="ui-toolbar-left" style="margin-top:8px;">
				<button style="margin-top: -7px;" id="reveal-left-app" onClick="goPrev()">reveal</button>
			</div>
			<div class="jibenzoushi" style="width: 99px;height: 30px;border: 1px solid white;margin-left: 35%;border-radius: 5px;margin-top: 8px;color: white;line-height: 30px;padding-left: 5px;font-size:16px;position:relative;">
				<span id="trend_title"></span>
				<span style="display: block;width: 0;height: 0;border-top: 8px solid #FFFFFF;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid transparent;right:5px;top:13px;position: absolute;z-index: 11111;"></span>
			</div>

		</div>
	</div>

	<div class="jibenzoushi_zhezhao" style="height: 100%;width: 100%;z-index: 9;position: fixed;top: 5px;display: none;">
		<div id="" style="height: 30%;background-color: white;margin-top: 40px;">
			<a href="{:url('lottery/zoushi')}?game_id={$game_id}"><div style="display: inline-block;width: 80px;height: 30px;text-align: center;line-height: 30px;margin-left: 15px;margin-top: 15px;border: 1px solid #ccc;font-size: 14px;">基本走势</div></a>
			<a href="{:url('lottery/trendDetails')}?game_id={$game_id}"><div id="" style="display: inline-block;width: 80px;height: 30px;text-align: center;line-height: 30px;margin-left: 25px;margin-top: 15px;border: 1px solid #ccc;font-size: 14px;">定位胆</div></a>
		</div>
		<div class="jibenzoushi_zhezhao_footer" style="height: 70%;background-color: black;opacity: 0.2;"></div>
	</div>
	{block name="body"}{/block}
</body>
<script>
$('#trend_title').text(trend_title);
	$('div.lott-menu li').click(function() {
		var cat = $(this).data('cat');
		if (cat == 1) { //高频
			$('div.lottery-list li.game_category_2').hide();
			$('div.lottery-list-erect li.game_category_2').hide();
			$('div.lottery-list li.game_category_1').show();
			$('div.lottery-list-erect li.game_category_1').show();
		} else if (cat == 2) { //低频
			$('div.lottery-list li.game_category_1').hide();
			$('div.lottery-list-erect li.game_category_1').hide();
			$('div.lottery-list li.game_category_2').show();
			$('div.lottery-list-erect li.game_category_2').show();
		} else { //全部
			$('div.lottery-list li').show();
			$('div.lottery-list-erect li').show();
		}
		for ( var i = 0; i < 3; i++) {
			if (i == cat) { //选中
				$('div.lott-menu li.nav_category_' + i).hide();
				$('div.lott-menu li.nav_sel_' + i).show();
			} else { //未选中
				$('div.lott-menu li.nav_category_' + i).show();
				$('div.lott-menu li.nav_sel_' + i).hide();
			}
		}
		loaded();
	});
	
//头部遮罩
	$('.jibenzoushi').click(function(){
		$('.jibenzoushi_zhezhao').toggle();
	})
	$('.jibenzoushi_zhezhao_footer').click(function(){
		$('.jibenzoushi_zhezhao').css('display','none');
	})
	function goPrev(){
		var wherefrom = '{$wherefrom}';
		if( 2==parseInt(wherefrom) ){
			window.history.go(-1);
		}else{
			var appfrom = '{$appfrom}';
			if( 1==parseInt(appfrom) ){
				jump2app.jump2MainActivity();
			}else{
				WebViewJavascriptBridge.callHandler('backClick');
			}
		}
	}
	function setupWebViewJavascriptBridge(callback) {
		if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
		if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
		window.WVJBCallbacks = [callback];
		var WVJBIframe = document.createElement('iframe');
		WVJBIframe.style.display = 'none';
		WVJBIframe.src = 'https://__bridge_loaded__';
		document.documentElement.appendChild(WVJBIframe);
		setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
	}
	setupWebViewJavascriptBridge(function(bridge) {
		/* Initialize your app here */
		bridge.registerHandler('JS Echo', function(data, responseCallback) {
			console.log("JS Echo called with:", data)
			responseCallback(data)
		})
		bridge.callHandler('ObjC Echo', {'key':'value'}, function responseCallback(responseData) {
			console.log("JS received response:", responseData)
		})
	})
</script>

</html>
